<template>
    <div>
        <div class="content">
            <!--LOGO-->
            <div class="login-top">
                <div class="login-logo lf">LOGO</div>  <div class="lf">|</div>  <div class="login-title lf">公路客运站云站务平台</div>
            </div>

            <!--登录-->
            <div class="login-content">
                <div class="login-box rf">
                    <div class="login-txt">云站务管理系统</div>
                    <div class="account active">
                        <!--<el-form ref="form" label-width="80px" >
                            <el-form-item label="">
                                <el-input class="account-txt" style="width: 230px;border: 1px solid red;" size="medium" :option='option' placeholder="账号" type="text" v-model="account" ></el-input>
                            </el-form-item>
                        </el-form>-->
                        <input type="text" v-model="account" placeholder="账号"/>
                    </div>
                    <div class="pwd">
                        <input type="password" v-model="pwd" placeholder="密码"/>
                    </div>
                    <div class="btn">
                        <button @click="loginBtn" class="login-btn">登录</button>
                    </div>
                </div>
            </div>

            <!--底部-->
            <div class="login-bottom">
                <div class="serve">
                    <div class="serve-support lf">服务支持：</div>
                    <div class="tel lf"><span class="lf"></span><p class="lf">202-83731365</p></div>
                    <div class="tel phone lf"><span class="lf"></span><p class="lf">13922213796</p></div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data: function(){
            return {
                account:'',
                pwd:''
            }
        },
        methods:{
            loginBtn(){///login?orgNo=1&username='+this.account+'&password='+this.pwd+'
                // this.postRequest('/login?orgNo=1&username=W5K021&password=W5K021')
                //     .then(target=>{
                //         console.log(target);
                //         this.$router.push({path:"/index",query: { orderId: 'yes' }});
                //     });
                this.$router.push({path:"/index",query: { orderId: 'yes' }});
            }
        },
        mounted() {
            $(".account>input").focus(function () {
                $(".account").addClass("active");
            }).blur(function () {
                $(".account").removeClass("active");
            });
            $(".pwd>input").focus(function () {
                $(".pwd").addClass("active");
                $(".account").removeClass("active");
            }).blur(function () {
                $(".pwd").removeClass("active");
            });
        }
    }
</script>

<style scoped src="../../assets/css/login/login.css"></style>
<style>
    input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color:#909 !important;
    }
</style>